{% extends "base.html" %}
{% block title %}Playsets · {{ app_name }}{% endblock %}
{% block body %}
<h1>🎁 Playsets <small class="hint"><a class="doc" href="/guide/playsets" title="the guide">📖</a></small></h1>
<p class="hint">Content made by other people — training, prompts, mantras, wheel segments, habits, trance
  scores, badges, events — installed from one file, taken out as one unit. A playset is data: nothing in it runs.</p>

{% if events %}
<section class="card">
  <h3>Events</h3>
  {% for e in events %}
  <div class="event {{ e.state }} {{ 'in' if e.joined else '' }}" style="--accent:{{ e.accent }}">
    <div class="ev-sign">{{ e.sign }}</div>
    <div class="ev-body">
      <b><a href="/playsets/{{ e.playset.slug }}">{{ e.name }}</a></b>
      <small>{{ e.event.starts }} → {{ e.event.ends }} · {{ e.days }} days ·
        {% if e.state == 'running' %}day {{ e.day }}{% elif e.state == 'upcoming' %}starts in {{ e.starts_in_days }} day{{ '' if e.starts_in_days == 1 else 's' }}{% else %}ended{% endif %}
        {% if e.joined %} · <span class="badge ok">you're in</span>{% endif %}
        {% if not e.enabled %} · <span class="badge">switched off</span>{% endif %}</small>
      {% if e.state == 'running' and e.joined %}<p class="ev-line">{{ e.line }}</p>{% endif %}
      {% if e.badges %}<div class="chips">{% for b in e.badges %}<span class="chip trophy" title="{{ b.detail }}">{{ b.icon }} {{ b.title }}</span>{% endfor %}</div>{% endif %}
      <div class="row">
        {% if e.state != 'ended' and not e.joined and e.enabled %}
          <form method="post" action="/playsets/{{ e.playset.slug }}/join"><button class="btn primary">{{ e.sign }} Join</button></form>
        {% elif e.joined and e.state != 'ended' %}
          <form method="post" action="/playsets/{{ e.playset.slug }}/leave" onsubmit="return confirm('Leave {{ e.name }}? Badges you earned stay.')"><button class="btn">Leave</button></form>
        {% endif %}
      </div>
    </div>
  </div>
  {% endfor %}
</section>
{% endif %}

<section class="card">
  <h3>Installed</h3>
  {% if installed %}
  <div class="tblwrap"><table class="tbl">
    <tr><th>playset</th><th>by</th><th>carries</th><th></th></tr>
    {% for p in installed %}
    {% set m = p.m %}
    <tr class="{{ '' if p.enabled else 'off' }}">
      <td><a href="/playsets/{{ p.slug }}"><b>{{ p.title }}</b></a> <small class="hint">{{ p.version }}{% if p.nsfw %} · <span class="badge">18+</span>{% endif %}{% if m.event %} · event{% endif %}</small><br><small class="hint">{{ p.summary }}</small></td>
      <td class="hint">{{ p.author or '—' }}<br><small>{{ p.license }}</small></td>
      <td class="hint">
        {%- set parts = [] -%}
        {%- if m.tasks %}{% set _ = parts.append(m.tasks|length ~ ' training') %}{% endif -%}
        {%- if m.prompts %}{% set _ = parts.append(m.prompts|length ~ ' lines') %}{% endif -%}
        {%- if m.segments %}{% set _ = parts.append(m.segments|length ~ ' segments') %}{% endif -%}
        {%- if m.activities %}{% set _ = parts.append(m.activities|length ~ ' habits') %}{% endif -%}
        {%- if m.scores %}{% set _ = parts.append(m.scores|length ~ ' scores') %}{% endif -%}
        {%- if m.badges %}{% set _ = parts.append(m.badges|length ~ ' badges') %}{% endif -%}
        {{ parts|join(' · ') or 'nothing yet' }}</td>
      <td class="row">
        <form method="post" action="/playsets/{{ p.slug }}/enable"><input type="hidden" name="on" value="{{ 0 if p.enabled else 1 }}"><button class="chip">{{ 'switch off' if p.enabled else 'switch on' }}</button></form>
        <form method="post" action="/playsets/{{ p.slug }}/remove" onsubmit="return confirm('Remove {{ p.title }}? It takes back what it added; badges and history stay.')"><button class="chip danger">remove</button></form>
      </td>
    </tr>
    {% endfor %}
  </table></div>
  {% else %}
  <p class="hint">Nothing installed. The <a href="/guide/playsets">guide</a> has the format and the catalogue.</p>
  {% endif %}
</section>

<section class="card" id="install">
  <h3>Install one</h3>
  <form method="post" action="/playsets/install" enctype="multipart/form-data" class="row">
    <input type="file" name="file" accept=".zip,.toml,application/zip,application/toml" required>
    <button class="btn primary">Install</button>
  </form>
  <p class="hint">A <code>.zip</code> with <code>playset.toml</code> at its root, or a bare <code>playset.toml</code>. Up to
    {{ max_mb }} MB. It is checked first — an unknown key, a bad rule or a file it may not carry is refused with the reason,
    and nothing is written. Spec {{ spec }}. <b>The app never downloads a playset</b>; you bring the file.</p>
</section>
{% endblock %}